body
{
	margin:0;
	padding:0;
	border:none;
	font-family: Arial, Verdana, Garamond;
	font-size: 12px;
	text-align: center; 
	vertical-align: middle;
}

a
{
  color: #86a021;
  text-decoration: none;
}

/* Element styles */
h1
{
  font-family: Arial;
  font-weight: normal;
  font-size: 2.0em;
  margin: 0;
  color: #86A021;
}

h2
{
  font-family: Arial;
  font-weight: normal;
  font-size: 1.6em;
  margin: 0;
  color: #86A021;
}

h3
{
  font-family: Arial;
  font-weight: bold;
  font-size: 1em;
  margin: 0;
  color: #91B227;
  margin-top: 5px;
}

input
{
  background-color: #F5F5F5; 
  background-image: url(../Images/Chrome/InputBg.gif);
  background-repeat: repeat-x;
}

.inputTheme
{
  background-color: #F5F5F5; 
  background-image: url(../Images/Chrome/InputBg.gif);
  background-repeat: repeat-x;
  border: solid 1px #999999; 
  padding: 2px;
  font-family: Arial, Verdana, Garamond;
	font-size: 12px;
}

input.button
{
  border: solid 1px #999999; 
  padding: 2px;
  background-color: inherit; 
  background-image: none;
}

input.imageButton
{
  border: none; 
  padding: 2px;
  background-color: inherit; 
  background-image: none;
  margin-bottom: 0px;
}

/* Layout styles */
#alignmentPlaceholder 
{ 
  width: 780px; 
  text-align: left; 
  margin: 0 auto;
  clear: both; 
}

#headerContent
{
  width: 780px; 
  text-align: left; 
  margin: 0 auto;
}

.homeContent img
{
	width: 160px;
	height: 120px;
}

#leftNav
{
  float: left;
  width: 150px;
  text-align: left;
  margin: 0 auto;
  vertical-align: top;
  padding-top:5px;
  padding-right: 4px;
}

#leftNav a
{
  color: #666666;
  text-decoration: none;
}

#splitter
{
  background-image: url(../Images/Chrome/Border.gif);
  background-repeat: repeat-y;
  float:left;
  height: 500px;
  width: 1px;
  margin-top: 10px;  
}

/* Form Layout */
div.row {
  clear: both;
  padding-top: 5px;
  
}

div.row span.label {
  float: left;
  width: 100px;
  text-align: left;
  padding-top: 3px;
  font-weight: bold;
}

div.row span.rightBox
{
  margin-left: 100px;
  float:left;
  text-align: left;
  padding-top: 3px;
  font-weight: bold;
}

#formBox
{
  color: #555553;
  padding: 10px;
  background-color: #E4E6E1;
  border: solid 1px #999999;
  text-align:left;
}

#formBox input
{
  border: solid 1px #999999; 
  padding: 2px;
}

/* Flickr Integration */
#popupHeader
{
  Background-color: White;
  Width:594px; 
  border-top: solid 1px #999999;
  border-left: solid 1px #999999;
  border-right: solid 1px #999999;
  padding:2px;
  vertical-align:middle;
  text-align: left;
}

/* Errors */
div.errors
{
  color: Red;
  font-weight: bold; 
  padding-bottom: 10px;
}

/* Area above content [Title] [Optional pagination etc] */

#heading
{
  border-bottom: solid 1px #969696; 
  height: 42px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}

#pageName
{
  margin-top: 13px;
  padding-top: 0;
  float: left;
  font-weight: normal;
  font-size: 2.0em;
  color: #86A021;
}
#pageTop
{
  float: left;
  margin-top: 21px;
  padding-top: 0;
  width: 630px;
  color: #666666;
}

#pageTopLeft
{
  float: left;
  font-size: 1.2em;
}

#pageTopRight
{
  padding-top: 20px;
  font-size: 0.95em;
  float: right;
  color: #999999;
}

#pageTopRight a
{
  color: #999999;
  text-decoration: underline;
  padding-right:5px;
}

.selected
{
 font-weight: bold; 
}


/* Virtual Earth */
.veContainer
{
  height: 400px;
  width: 400px;
}
.veViewPort
{
  position: absolute;
  height: 400px;
  width: 400px;
}

#vePopup
{
  height:450px;
  width:420px;
 padding: 0;
 margin: 0; 
}

/* Chrome */
#header
{
  width: 100%;
  height: 109px;
  background-image: url(../Images/Chrome/HeaderBG.gif);
  background-repeat: repeat-x;
  color: White;
}

#header a
{
  color: White;
  text-decoration: none;
}

#tabs
{
  padding: 0;
  margin: 0;
  height: 22px;
  margin-bottom: 0px;
}

.tab 
{
  float: left;
  margin-top: 13px;
  background-image: url(../Images/Chrome/Tab.gif);
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 8px;
  width: 125px;
  height: 22px;
  color: Black;
}

/* IE 5,6 Hack */
*html .tab {
  margin-top: 10px;
}


#header .tab a
{
 color: Black; 
}

#content
{
  text-align: left;
  margin: 0 auto;
  float: left; 
  width: 600px;
  padding-top: 8px;
  padding-left: 20px;
}

#footerLinks
{
  margin-top: 10px;
  width: 780px; 
  text-align: left; 
  clear: both;
  float:left;
  color: #656565;
  font-size: 11px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: solid 1px #969696; 
  border-top: solid 1px #969696; 
}

#footerLinks a
{
  text-decoration: none;
  color: #656565; 
}

#footer
{
  background-image: url(../Images/Chrome/WindowsLogo.gif);
  background-repeat: no-repeat;
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom:10px;
  width: 780px; 
  text-align: center; 
  clear: both;
  float:left;
  color: #999999;
  font-size: 11px;
}

#footer a
{
  text-decoration: none;
  color: #999999; 
}

.contributionItem
{
  color: #999999;
  font-size: 0.8em;
  float: left;
  width: 150px;
  height: 200px;
}

.contributionItemValue
{
  color: #666666;
}

.contributionTitle
{
  font-size: 1.2em;
  color: #86A021;
  text-decoration: none;
}

.thumbShadow {
  background: url(../Images/Chrome/ThumbFade.gif) no-repeat;
  height: 98px;
  width: 128px;
}

.thumbShadow img {
  display: block;
  width:118px;
  height:89px;
  padding-top: 2px;
  padding-left: 2px;
}

.contentShadow
{
  background : url(../Images/Chrome/ContentFade.gif) no-repeat;
  height: 166px;
  width: 246px;
}

.contentShadow img
{
  display : block;
  width:240px;
  height:160px;
  padding-top: 1px;
  padding-left: 1px;
}

/* Header block */
#headerLogoSearch
{
  float: left;
  margin-top: 28px;
  padding-top: 0;
  width: 780px;
  color: #666666;
  height: 40px;
}

#headerLogoSearchLeft
{
  float: left;
  font-size: 1.2em;
  width: 109px;
}

#headerLogoSearchRight
{
  margin-top: -14px;
  font-size: 1em;
  float: right;
  color: #666666;
}

#headerLogoSearchRight a
{
  color: #666666;
  text-decoration: none;
}

#headerLogoSearchRight input.SearchButton
{
  vertical-align: bottom;
  height:21px;
  width:48px;
  background-image: none;
}

/* IE7 only Hack */
*:first-child+html #headerLogoSearchRight input.SearchButton {
  margin: -1px 0 0 0 ;
  padding: 2px 0 2px 0;
}

/* IE 5,6 Hack */
*html input.SearchButton {
  margin: -1px 0 0 0 ;
  padding: 2px 0 2px 0;
}

.SearchBox
{
  margin: 0px;
  padding: 0px;
  height:19px;
  border: solid 1px #999999;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	width: 450px;
	height: 450px;
	z-index: 9!important;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.ratingStarReadOnly
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: default;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../Images/FilledStar.png);
}

.emptyRatingStar {
    background-image: url(../Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../Images/SavedStar.png);
}

.tagCloudItem {
  font-family: Arial;
  font-weight: normal;
  color: #86A021;
  /* white-space:nowrap; */
}

#codeblock
{
	font-family: Arial;
	font-size: 13px;
}

div.codeblock
{
	border: dashed 1px black;
	padding: 5px 5px 5px 5px;
	margin-top: 6px;
	background-color: #eeeeee;
	width: auto;
	overflow: hidden;
}

.codelocation
{
	font-weight: bold;
	font-size: 13px;
	font-family: Arial;
}

.codedescription
{
	font-size: 13px;
	font-family: Arial;
	margin-bottom: 5px;
}